import React, { Component } from "react";
import { allMvs } from "../../api/mvs";

export default class Mvs extends Component {
  constructor() {
    super();
    this.state = {
      // 区域列表
      areas: ["全部", "内地", "港台", "欧美", "日本", "韩国"],
      // 选中区域索引
      areaIndex: 0,
      // 区域列表
      types: ["全部", "官方版", "原声", "现场版", "网易出品", "韩国"],
      // 选中区域索引
      typeIndex: 0,
    };
  }
  renderArea = () => {
    const { areas, areaIndex } = this.state;
    return <div>地区：
      {areas.map(v) => {
        return
      }}
    </div>;
  };
  renderType = () => {};
  renderSort = () => {};
  renderContent = () => {};
  render() {
    return (
      <div>
        {/* 区域 */}
        {this.renderArea()}
        {/* 类型 */}
        {this.renderType()}
        {/* 排序 */}
        {this.renderSort()}
        {/* 内容 */}
        {this.renderContent()}
      </div>
    );
  }
}
